﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui.css-H.js</title>
    <link rel="stylesheet" type="text/css" href="../../css/Hui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div class="H-list">
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('head_head', './head/head_head.html');">
            <p class="H-text H-flex-item">顶部导航栏</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('foot_head', './foot/foot_head.html');">
            <p class="H-text H-flex-item">底部工具栏</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('channel_head', './channel/channel_head.html');">
            <p class="H-text H-flex-item">分类标题栏</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('badge_head', './badge/badge_head.html');">
            <p class="H-text H-flex-item">提示角标</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('button_head', './button/button_head.html');">
            <p class="H-text H-flex-item">点击按钮</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('form_head', './form/form_head.html');">
            <p class="H-text H-flex-item">表单元素</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('list_head', './list/list_head.html');">
            <p class="H-text H-flex-item">文本列表</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('rich_list_head', './rich-list/rich_list_head.html');">
            <p class="H-text H-flex-item">图文列表</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('picture_list_head', './picture-list/picture_list_head.html');">
            <p class="H-text H-flex-item">相册列表</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('grid_head', './grid/grid_head.html');">
            <p class="H-text H-flex-item">宫格排版</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('chat_list_head', './chat-list/chat_list_head.html');">
            <p class="H-text H-flex-item">会话列表</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('chat_msg_head', './chat-msg/chat_msg_head.html');">
            <p class="H-text H-flex-item">聊天组件</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('tag_head', './tag/tag_head.html');">
            <p class="H-text H-flex-item">切换标签</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('launth_head', './launth/launth_head.html', null, {delay:200, animation: { type: 'push', subType: 'from_bottom', duration: 300 } });">
            <p class="H-text H-flex-item">切换启动画</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
        <div class="H-list-item H-flexbox-horizontal" tapmode="" onclick="H.openWin('push_friends_head', './push-friends/push_friends_head.html');">
            <p class="H-text H-flex-item">朋友圈发布</p>
            <span class="H-icon H-arrow"><i class="iconfont icon-Hui-allow-right"></i></span>
        </div>
    </div>
    <script type="text/javascript" src="../../script/H.js"></script>
    <script type="text/javascript"></script>
</body>
</html>